<@override name="main-content">
<div class="fifteen wides column">
    <div class="ui raised segment" style="margin-bottom: 50px;">
        <a href="#" class="ui top attached label">热帖</a>
        <div class="ui divided list">
            <#list topics as topic>
                <div class="item">

                    <div class="content">
                        <div class="header"><a href="/topic/${topic.id!''}">${topic.title!''}</a> &nbsp;&nbsp;

                            <div class="ui mini circular green label">
                                回复
                                <div class="detail">${topic.reply_count!'0'}</div>
                            </div>
                        </div>
                    </div>
                    <div class="right floated content">
                        <span><a href="/category/${topic.category_id}">${topic.category_name!''}</a></span>
                    </div>
                </div>
            </#list>
        </div>
    </div>
</div>  <!-- thirteen column-->
</@override>

<@extends name="main-layout.ftl"></@extends>